<script setup lang="ts">

</script>

<template>
<div>
  <div v-if="$slots.a" class="slotA">
    <slot name="a"></slot>
  </div>
  <div v-if="$slots.b" class="slotB">
    <slot name="b"></slot>
  </div>
  <div v-if="$slots.c" class="slotC">
    <slot name="c"></slot>
  </div>

</div>
</template>

<style scoped>
.slotA,.slotB,.slotC {
  height: 500px;
  width: 500px;
}
.slotA{
  background-color: #67d5c5;
}

.slotB{
  background-color: #cccccc;
}

.slotC{
  background-color: aliceblue;
}
</style>